<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>line-height</title>
	<style>
		#box {
			width:400px;
			height:300px;
			border:4px solid blue;
			position: absolute;
			top:100px;
			left:200px;
		}
		#bar {

			height:30px;
			background-color:blue;
			color:#fff;
		}

		#content {
			background-color: #fff;
		}
	</style>
	<script src="zxx.drag.1.0.js" type="text/javascript" charset='utf-8'></script>

	<script type='text/javascript'>
		var oBox = document.getElementById('box');
		var oBar = document.getElementById('bar');
	    startDrag(oBar, oBox);
	</script>
</head>
<body>
	<div id="box" style='left:100px;left:200px'>
		<div id="main">
			<div id="bar">标题</div>
			<div id="content">内容……</div>
		</div>

	</div>


	
</body>
</html>